@charset "utf-8";

// tools
@mixin rem($property,$px-values,$baseline-px:20px,$support-for-ie:false){
  $baseline-rem: $baseline-px / 1rem * 1;
  @if $support-for-ie {
    #{$property}: $px-values;
  }
  @if type-of($px-values) == "number"{
    #{$property}: $px-values / $baseline-rem;
  }
  @else {
    $rem-values:();
    @each $value in $px-values{
      @if $value == 0 or type-of($value) != "number"{
        $rem-values: append($rem-values, $value / $baseline-rem);
      }
    }
    #{$property}: $rem-values;
  }
}

@mixin tools(){
  .text-center{
    text-align: center !important;
  }
  .text-left{
    text-align: left;
  }
  .pull-left{
    float: left;
  }
  .pull-right{
    float: right;
  }
  .clearfix:after{
    content: "";
    display: table;
    clear: both;
  }
}